<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.35, minimum-scale=0.35, maximum-scale=1, user-scalable=yes">
<title>秭归县委党校智慧校园</title>
<link rel="stylesheet" href="static/layui/css/layui.css">
<link rel="stylesheet"
	href="http://at.alicdn.com/t/font_949625_3t06xc90k9c.css"
	type="text/css">
<style>
html, body {
	height: 100%;
	width: 100%;
}

iframe {
	display: block; /* iframes are inline by default */
	background: #000;
	border: none; /* Reset default border */
	height: 100vh; /* Viewport-relative units */
	width: 100vw;
}

.selected {
	/* background-color: #00801c61; */
	background-color: #5FB878;
}

.layui-nav-tree .layui-nav-child a {
	color: "#FF0000";
	padding-left: 50px;
}
</style>
</head>
<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header1 layui-header" style="height: 60px;">
			<div class="layui-logo" style="width: 250px">
				<img alt="" src="static/images/logo.png">
			</div>
			<ul class="layui-nav layui-nav2 layui-layout-right">
				<li class="layui-nav-item"><a href="javascript:;"> 
				<img src="download?uuid=<sec:authentication property="principal.fileuuid"/>" class="layui-nav-img" id="mainimg"> 
				<span>
				<b sec:authentication="principal.name"></b></span> 
				<span><sec:authorize access="!hasRole('ROLE_DIY')">
								<sec:authentication property="principal.name" />
							</sec:authorize></span>
				</a> <sec:authorize
						access="hasRole('ROLE_ADMIN') and !hasRole('ROLE_DIY')">
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:;" onclick="datum()">基本资料</a>
							</dd>
							<dd>
								<a href="javascript:;">安全设置</a>
							</dd>
						</dl>
					</sec:authorize> <sec:authorize
						access="!hasRole('ROLE_DIY') and !hasRole('ROLE_ADMIN')">
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:;">基本资料</a>
							</dd>
							<dd>
								<a href="javascript:;">安全设置</a>
							</dd>
						</dl>
					</sec:authorize></li>
				<li class="layui-nav-item"><a href="logout">退出</a></li>
			</ul>
		</div>

		<div class="layui-side layui-bg-red">
			<div class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav1 layui-nav-tree" lay-shrink="all"
					lay-filter="test">


					<sec:authorize access="hasRole('ROLE_STUDENT')">
						<li class="layui-nav-item"><a href="javascript:;" onclick="pages('home')"><i
								class="layui-icon layui-icon-home" style="font-size: 18px;"></i>&nbsp;首页</a></li>
						<li class="layui-nav-item"><a href="javascript:;"  onclick="pages('student/message')"><i
								class="layui-icon layui-icon-username" style="font-size: 18px;"></i>&nbsp;我的信息</a></li>
						<li class="layui-nav-item"><a href="javascript:;"><i
								class="layui-icon layui-icon-user" style="font-size: 18px;"></i>&nbsp;我的班级</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;" onclick="pages('student/schedule')">课表</a>
								</dd>
								<dd>
									<a href="javascript:;" onclick="pages('student/alumnibook')">同学录</a>
								</dd>
								<dd>
									<a href="javascript:;" onclick="pages('student/fzmd')">分组名单</a>
								</dd>
								<dd>
									<a href="javascript:;" onclick="pages('student/bwh')">班委会</a>
								</dd>
							</dl>
						</li>
							
						<li class="layui-nav-item"><a href="javascript:;"><i
								class="layui-icon layui-icon-survey" style="font-size: 18px;"></i>&nbsp;我的评价</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;" onclick="pages('student/kc')">课程</a>
								</dd>
								<dd>
									<a href="javascript:;" onclick="pages('student/js')">讲师</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item"><a href="javascript:;" onclick="pages('student/wdcj')"><i
								class="layui-icon layui-icon-chart-screen" style="font-size: 18px;"></i>&nbsp;我的成绩</a></li>
						<li class="layui-nav-item"><a href="javascript:;" onclick="pages('student/qjsq')"><i
								class="layui-icon layui-icon-form" style="font-size: 18px;"></i>&nbsp;请假申请</a></li>
						<li class="layui-nav-item"><a href="javascript:;" onclick="pages('student/kqqd')"><i
								class="layui-icon layui-icon-note" style="font-size: 18px;"></i>&nbsp;考勤签到</a></li>
						<li class="layui-nav-item"><a href="javascript:;" ><i
								class="layui-icon layui-icon-read" style="font-size: 18px;"></i>&nbsp;学习园地</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;" onclick="pages('student/zxkt')">在线课堂</a>
								</dd>
								<dd>
									<a href="javascript:;" onclick="pages('student/kjzy')">课件资源</a>
								</dd>
							</dl></li>
					</sec:authorize>

					<li class="layui-nav-item"><a href=""><i
							class="layui-icon layui-icon-dialogue" style="font-size: 18px;"></i>&nbsp;屈乡论坛</a></li>
				</ul>
			</div>
		</div>

		<div class="layui-body"
			style="border-top: 1px solid red; background: #f7f7f7;">
			
			<div id="content" style="padding: 15px;">内容主体区域</div>
		</div>

		<div class="layui-footer">
			<!-- 底部固定区域 -->
			<!--  © layui.com - 底部固定区域 -->
		</div>
	</div>
	<script src="static/js/jquery-1.12.4.min.js"></script>
	<script src="static/layui/layui.js"></script>
	<script src="static/layui/lay/modules/form.js"></script>
	<script type="text/javascript" src="static/js/dataTable.js"></script>
	<script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
});
function pages(url){
	$("#content").load(url);
}
$(function(){
	$("#content").load("home");
});
</script>
</body>
</html>